<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sevilla28 - App oficial para móviles</title>
	<link rel="stylesheet" href="../css/sevilla28.css" />
	<link rel="stylesheet" href="../css/jquery.mobile.structure-1.1.1.min.css" />
	<link rel="stylesheet" href="../css/sevilla28_specific.css" />
	<script src="../js/jquery-1.8.0.min.js"></script>
	<script src="../js/jquery.mobile-1.1.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../js/cordova-2.0.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/main.js"></script>
</head>
<body>
		<div data-role="page" data-theme="a">
			<div data-role="header" data-position="inline">
				<h1><img src="../img/logo.png" width="100%"></h1>
			</div>
			<div data-role="content" data-theme="a">
			</div>
			<table width="98%" align="center" class="tablaCanciones">			
				<thead id="insertarCanciones"> 
					<tr>
						<th class="header">Canción</th>
						<th class="header">Multimedia</th>
					</tr>
				</thead>
			</table>
			<script>
			var i = 1;
			while(i<window.Cantoral.getCantoralSize()) {
				if(window.Cantoral.hasSong(i) || window.Cantoral.hasVideo(i)) {
					if(window.Cantoral.hasSong(i) && window.Cantoral.hasVideo(i)) {
						$("#insertarCanciones").append('<tr><td width="80%" class="text" onclick="window.Cantoral.playMusicFromID(' +i +');">' +window.Cantoral.getNameFromID(i) +'</td><td width="20%" align="center"><img src="../img/altavoz.jpg" height="35" width="35" border="0" onclick="window.Cantoral.playMusicFromID(' +i +');"><a href="http://www.youtube.com/watch?v=' +window.Cantoral.getYoutubeID(i) +'" onclick="window.Cantoral.stopMusic();"><img src="../img/claqueta.jpg" height="35" width="35"></a></td></tr>');
					} else if(window.Cantoral.hasSong(i)) {
						$("#insertarCanciones").append('<tr><td width="80%" class="text" onclick="window.Cantoral.playMusicFromID(' +i +');">' +window.Cantoral.getNameFromID(i) +'</td><td width="20%" align="center"><img src="../img/altavoz.jpg" height="35" width="35" border="0" onclick="window.Cantoral.playMusicFromID(' +i +');"></td></tr>');
					} else {
						$("#insertarCanciones").append('<tr><td width="80%" class="text" onclick="window.Cantoral.playMusicFromID(' +i +');">' +window.Cantoral.getNameFromID(i) +'</td><td width="20%" align="center"><a href="http://www.youtube.com/watch?v=' +window.Cantoral.getYoutubeID(i) +'" onclick="window.Cantoral.stopMusic();"><img src="../img/claqueta.jpg" height="35" width="35"></a></td></tr>');
					}
				}
				i++;
			}
			</script>
			<table class="tablaCanciones" width="98%" align="center">
				<tr>
					<td class="text">
						<div class="centrado">
							<img src="../img/stop.png" width="35" height="35" onclick="window.Cantoral.stopMusic();">
							<img src="../img/playpause.png" width="35" height="35" onclick="window.Cantoral.pauseResume();">
							<img src="../img/shuffle.png" width="35" height="35" onclick="window.Cantoral.shuffleSong();">
						</div>
					</td>
				</tr>
			</table>
			<div data-role="content"data-position="inline">
				<p class="centrado"><a href="http://www.facebook.com/home.php?#!/profile.php?id=100001435977096&amp;ref=ts" target="_blank"><img src="../img/facebook.png" width="50" height="50" border="0" title="Estamos en facebook"></a>
					<a href="http://www.youtube.com/user/sevilla28SR" target="_blank"><img src="../img/youtube.png" width="50" height="50" border="0" title="Nuestro canal de youtube"></a>
					<a href="mailto:sevilla28sr@gmail.com"><img src="../img/mail.png" width="50" height="50" border="0" title="Mandanos un correo"></a>
					<a href="http://www.tuenti.com/#m=Profile&amp;func=index&amp;user_id=67007793" target="_blank"><img src="../img/tuenti.png" width="50" height="50" border="0" title="Siguenos en tuenti"></a>
					<a href="http://twitter.com/Sevilla28" target="_blank"><img src="../img/twi.png" width="50" height="50" border="0" title="Ahora tambien en twitter"></a>
				</p>
			</div>
			<div id="copyright" class="centrado">Candy & Pocho Copyright 2012</div>
			<script>$("#copyright").bind("click", function(){ vibrate(); $("#sorpresa").click(); });</script>
			<a href="foto.html" data-rel="dialog" id="sorpresa"></a>
		</div>
</body>
</html>